<!DOCTYPE html>
<html lang="ch-cn">
  <head>
  <meta charset="utf-8">
  <script type="text/javascript" src='jquery.min.js'></script>
    <style type="text/css">
    html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{
      margin: 0;
      padding:0;
    }
    #absolute{
      position: absolute;
      margin-left: 300px;
      height: 500px;
      width: 500px;
      background: #ff0;
    }
    #normal{
      height: 3000px;
      width: 300px;
      background: #f00;
      border:1px solid #000;
    }
    </style>
  </head>
  <body>
  <div id='absolute' >我是absolute</div>
  <div id="normal">我是normal</div>
  <script type="text/javascript">
    function show(){
      console.log("window height " + $(window).height());
      console.log("document height " + $(document).height());
      console.log("html height " + $("html").height());
      console.log("body height " + $("body").height());
    }
    show()
  </script>
  </body>  
</html>